<!DOCTYPE html>
<html lang="en">

<head>
  <meta content="text/html; charset=utf-8" http-equiv="content-type" />
  <meta name="viewport"
    content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover" />
  <link rel="icon" href="./img/logo.svg" type="image/svg+xml">
  <link rel="apple-touch-icon" href="./img/pwa/logo-192.png">
  <meta content="yes" name="apple-mobile-web-app-capable" />
  <link rel="mask-icon" href="./img/logo.svg" color="#FFFFFF">
  <meta name="msapplication-TileColor" content="#FFFFFF">
  <meta name="theme-color" content="#ffffff">
  <meta name="referrer" content="origin-when-cross-origin" />
  <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
  <title>BingAI - 聊天</title>
  <!-- Google tag Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-ZVJCFLBFRZ"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'G-ZVJCFLBFRZ');
  </script>
  <!-- Microsoft Clarity -->
  <script type="text/javascript">
    (function(c,l,a,r,i,t,y){
      c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
      t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
      y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
    })(window, document, "clarity", "script", "kw2cze8oin");
  </script>
  <!-- 百度统计 -->
  <script>
    var _hmt = _hmt || [];
    (function () {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?6002068077c49f5ff6fa1c10d4ae55dc";
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(hm, s);
    })();
  </script>
  <script src="/web/js/bing/chat/global.js"></script>
  <script src="/web/js/bing/chat/amd.js"></script>
  <script src="/web/js/bing/chat/config.js"></script>
  <style type="text/css">.b_wlcmTileCont {
    display: flex;
    flex-wrap: wrap;
    align-content: stretch;
    justify-content: center;
    max-width: 940px
}

.b_wlcmTileWrap {
    padding: 10px;
    flex-grow: 1;
    display: flex;
    box-sizing: border-box
}

.b_wlcmTileWrap[size="small"] {
    width: 16.67%
}

.b_wlcmTileWrap[size="medium"] {
    width: 25%
}

.b_wlcmTileWrap[size="large"] {
    width: 33.33%
}

.b_wlcmTile {
    box-shadow: 0 6.67587px 25.869px -1.66897px rgba(73,141,255,.3);
    border: 2px solid transparent;
    width: 100%;
    background: #fff;
    border-radius: 12px;
    padding: 14px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    background: var(--cib-color-background-surface-card-primary);
    font-family: inherit;
    font-style: normal;
    text-align: left;
    position: relative
}

.b_wlcmTile:hover {
    border: 2px solid var(--cib-color-stroke-accent-primary)
}

.b_wlcmTile p {
    font-size: 16px;
    margin-top: 8px;
    line-height: 22px;
    color: var(--cib-color-foreground-neutral-primary);
    overflow-wrap: anywhere
}

.b_wlcmTile h1 {
    font-size: 14px;
    line-height: 24px;
    display: flex
}

.b_wlcmTile h1::before {
    height: 24px;
    width: 24px;
    margin-right: 8px;
    content: "";
    background-size: 24px
}

.b_wlcmTile img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover
}

.b_wlcmTile .b_wlcmTileOverlay {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 14px;
    box-sizing: border-box;
    border-radius: inherit;
    background-color: rgba(0,0,0,.6);
    transition: all .2s ease-in-out
}

.b_wlcmTile .b_wlcmTileOverlay h4 {
    font-weight: 400;
    font-size: 10px;
    color: #fff
}

.b_wlcmTile .b_wlcmTileOverlay p {
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.b_wlcmTile:hover .b_wlcmTileOverlay,.b_wlcmTile:focus-visible .b_wlcmTileOverlay {
    opacity: 1
}

.b_wlcmTile:active .b_wlcmTileOverlay {
    background-color: rgba(0,0,0,.65)
}

.b_wlcmTile.code h1 {
    color: #09743d
}

.b_wlcmTile.design h1 {
    color: #7111b0
}

.b_wlcmTile.write h1 {
    color: #0e56bb
}

.b_wlcmTile.laugh h1 {
    color: #94302d
}

.b_wlcmTile.chat h1 {
    color: #174ae4
}

.b_wlcmTile.organize h1 {
    color: #08684a
}

.b_wlcmTile.compare h1 {
    color: #b0570c
}

.b_wlcmTile.shop h1 {
    color: #436dcd
}

.b_wlcmTile.travel h1 {
    color: #444
}

.b_wlcmTile.create h1 {
    color: #066da7
}

.b_wlcmTile.shopwithbing {
    box-shadow: 0 4px 15px 1px var(--cib-color-fill-accent-strong-primary)
}

.b_wlcmTile.shopwithbing h1 {
    color: #436dcd;
    font-size: 20px;
    font-weight: 600
}

.b_wlcmTile.freesydney {
    box-shadow: 0 4px 15px 1px var(--cib-color-fill-accent-strong-primary)
}

.b_wlcmTile.freesydney h1 {
    color: #436dcd;
    font-size: 20px;
    font-weight: 600
}

.b_wlcmTile.createwithsuno h1 {
    color: #5e438f;
    font-size: 14px
}

.b_wlcmTile.hasImage {
    padding: 0;
    border: none
}

.b_wlcmTile.hasImage img {
    border-radius: inherit
}

.b_wlcmTile.hasImage.neurips {
    box-shadow: 0 4px 15px 1px var(--cib-color-fill-accent-strong-primary)
}

.b_wlcmTile.hasImage.neurips h1 {
    color: #436dcd;
    font-size: 20px;
    font-weight: 600
}

.b_wlcmTilePrivacy {
    padding-top: 10px;
    color: var(--cib-color-fill-accent-strong-primary)
}

body.b_dark #b_sydWelcomeTemplate_ .b_wlcmTileCont .b_wlcmTile {
    box-shadow: unset
}

#sydWelcomeTemplate>.b_wlcmCont {
    display: none
}

.b_wlcmCont {
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column
}

.b_wlcmCont .b_wlcmHdr {
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    padding-top: 2vh
}

.b_wlcmCont .b_wlcmHdr .b_wlcmLogo {
    height: 54px;
    width: auto
}

.b_wlcmCont .b_wlcmHdr .b_wlcmDesc {
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 26px;
    margin-top: 16px;
    color: var(--cib-color-stroke-accent-primary);
    margin-bottom: 3vh;
    margin-top: 1vh;
    text-align: center
}

.b_wlcmCont .b_wlcmHdr .b_wlcmSubDesc {
    font-size: 16px
}

.b_wlcmCont .b_wlcmTileCont {
    display: flex;
    flex-wrap: wrap;
    align-content: stretch;
    justify-content: center;
    max-width: 940px
}

.b_wlcmCont .b_wlcmTileCont .b_wlcmTileWrap {
    padding: 10px;
    flex-grow: 1;
    display: flex;
    box-sizing: border-box
}

.b_wlcmCont .b_wlcmTileCont .b_wlcmTileWrap[size="small"] {
    width: 16.67%
}

.b_wlcmCont .b_wlcmTileCont .b_wlcmTileWrap[size="medium"] {
    width: 25%
}

.b_wlcmCont .b_wlcmTileCont .b_wlcmTileWrap[size="large"] {
    width: 33.33%
}

.b_wlcmCont .b_wlcmTileCont .b_wlcmTile:hover {
    border: 2px solid var(--cib-color-stroke-accent-primary)
}

.b_wlcmCont .b_wlcmTileCont .b_wlcmTile h1 {
    font-size: 14px;
    line-height: 24px;
    display: flex
}

.b_wlcmCont .b_wlcmTileCont .b_wlcmTile h1::before {
    height: 24px;
    width: 24px;
    margin-right: 8px;
    content: "";
    background-size: 24px
}

.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTileWrap[size="small"] {
    width: 33.33%
}

.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTileWrap[size="medium"] {
    width: 50%
}

.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTileWrap[size="large"] {
    width: 100%
}

.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTile {
    box-shadow: 0 6px 24px -1.5px rgba(141,141,141,.3)
}

.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTile h1 {
    color: var(--cib-color-stroke-accent-primary)
}

.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTile h1::before {
    background-image: unset;
    background-color: var(--cib-color-stroke-accent-primary)
}

.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.code h1 {
    color: #66eb6e
}

.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.design h1 {
    color: #c296ff
}

.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.write h1 {
    color: #96c6ff
}

.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.laugh h1 {
    color: #e88166
}

.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.chat h1 {
    color: #a2b7f4
}

.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.organize h1 {
    color: #4be89f
}

.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.compare h1 {
    color: #fab01c
}

.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.shop h1 {
    color: #93c2ff
}

.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.travel h1 {
    color: #bbb
}

.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.create h1 {
    color: #36cce5
}

body.b_dark #b_sydWelcomeTemplate .b_wlcmTileCont .b_wlcmTile {
    box-shadow: unset
}

.b_wlcmCont .b_wlcmHdr .b_wlcmLogo {
    content: url(/rp/ZHDMbHUEYDt5NGP3ON8vXjxtCaA.png)
}

body.b_dark #b_sydWelcomeTemplate .b_wlcmLogo {
    content: url(/rp/JOJdPp98J5uZaqfqNcf2z6_lDU8.png)
}

.b_wlcmCont .b_wlcmTileCont .b_wlcmTile h1::before,.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.chat h1::before {
    background-image: url(/rp/kEvTUFzKj2D-xte4DoUlrzmPyEc.png)
}

.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.code h1::before {
    background-image: url(/rp/tucoHZVv4ubzFjfXhxKqf3gaIVA.png)
}

.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.design h1::before {
    background-image: url(/rp/hXyyS-qUAYcgnA86cK6MeAQqLLY.png)
}

.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.write h1::before {
    background-image: url(/rp/IOALgZVf8sFUYZ411VgUf34Jeuo.png)
}

.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.laugh h1::before {
    background-image: url(/rp/a-G2ZteqzuB0ZXKzAc0B_fAinFc.png)
}

.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.organize h1::before {
    background-image: url(/rp/D0TjmITlkNYeShKg4VZq6uwFVPU.png)
}

.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.compare h1::before {
    background-image: url(/rp/-KutFzCK2PE8OulbflI9msUMhHQ.png)
}

.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.shop h1::before {
    background-image: url(/rp/QnAXqFPafDMdyUoS-wnr6nQHB7M.png)
}

.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.travel h1::before {
    background-image: url(/rp/A61yW6snD6XU1-8bpFoh_CQoaRo.png)
}

.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.create h1::before {
    background-image: url(/rp/jxWPRKr_ayAp7F6IpAjhwabKW3I.png)
}

.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTile.analyze h1::before {
    -webkit-mask: url(/rp/ZczG5wuHQnU_o6jmwEuU8Gh1fA4.svg)
}

.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTile.code h1::before {
    -webkit-mask: url(/rp/NMV8VwvG_qJ70QOMP_-ZAEmL5Kc.svg)
}

.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTile.compare h1::before {
    -webkit-mask: url(/rp/8zI57YGdO2GM-LjMslcw6mPDh3c.svg)
}

.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTile.create h1::before {
    -webkit-mask: url(/rp/UAXyG-o6RCcXQwv4eI7mMHl9rjU.svg)
}

.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTile.design h1::before {
    -webkit-mask: url(/rp/WvNA-qMNgDrQOJkFd4okbX_Fxvc.svg)
}

.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTile.laugh h1::before {
    -webkit-mask: url(/rp/qS9rIB-suYa9t6oyEgoYeWv0nK8.svg)
}

.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTile.learn h1::before {
    -webkit-mask: url(/rp/lcw-K5QTRCID1bmZNjzE7OybJjM.svg)
}

.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTile.shop h1::before {
    -webkit-mask: url(/rp/GkXSmYhCVqq-3xee4s4DDkRRN88.svg)
}

.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTile.travel h1::before {
    -webkit-mask: url(/rp/Mtd52CY_Z58QPVYVcFKzftRhmjg.svg)
}

.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTile.write h1::before {
    -webkit-mask: url(/rp/BRC-g8k8ZrRlTbUopNO21bV2FLA.svg)
}

.b_wlcmPersLogo.copilot,body.b_dark #b_sydWelcomeTemplate_ .b_wlcmPersLogo.copilot {
    content: url(/rp/_WT61VllAyx4fyquJgufM7hwmeg.png)
}

.b_wlcmPersLogo.sydney,body.b_dark #b_sydWelcomeTemplate_ .b_wlcmPersLogo.sydney {
    content: url(/rp/ZIFQVh6WX4QKgPWuBMBKNrERh3A.png)
}

.b_wlcmPersLogo.designer,body.b_dark #b_sydWelcomeTemplate_ .b_wlcmPersLogo.designer {
    content: url(/rp/3dpNBmIryMo5aT8OzddVNQ4C7RM.png)
}

.b_wlcmPersLogo.travel,body.b_dark #b_sydWelcomeTemplate_ .b_wlcmPersLogo.travel {
    content: url(/rp/dPdzk-H3irE62Z-qEGnKQBnmoqg.png)
}

.b_wlcmPersLogo.cooking,body.b_dark #b_sydWelcomeTemplate_ .b_wlcmPersLogo.cooking {
    content: url(/rp/LpcE_txTpGyXOwS1tgfqoqDmQIs.png)
}

.b_wlcmPersLogoCont {
    display: flex;
    gap: 10px;
    flex-direction: row;
    text-align: center;
    align-items: center;
    margin-inline: 0 6px
}

.b_wlcmPersLogo {
    height: 48px;
    width: auto
}

.b_wlcmPersName {
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 52px;
    text-align: center
}

.b_wlcmPersDesc {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    margin-top: 1vh;
    text-align: center
}

.b_wlcmPersAuthorText {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #666;
    margin-top: 1vh;
    margin-bottom: 2vh;
    text-align: center
}</style>
  <script type="importmap">
    {
      "imports": {
        "rms-answers-SharedStaticAssets-mdast-util-from-markdown": "/rp/4XuwXtSbiAVqhJs_4Ciwl3YcLrM.br.js",
        "rms-answers-SharedStaticAssets-mdast-util-gfm-table": "/rp/ztanaSb3HsieCWGjv3Tl3lECB88.br.js",
        "rms-answers-SharedStaticAssets-micromark-extension-gfm-table": "/rp/u4lHTqMyPv8KR3P-2buvasHaSoM.br.js",
        "rms-answers-SharedStaticAssets-markdown-it": "/rp/7KdbPOT7wEH4JWaJqBx9wrxcwuM.br.js",
        "rms-answers-SharedStaticAssets-katex": "/rp/yscqUoVr2GlqZlY4gxmNnR5oVBA.br.js",
        "rms-answers-SharedStaticAssets-docx": "/rp/7O6toTbIT9CUxT9Lujfh9KGnKPg.br.js",
        "rms-answers-SharedStaticAssets-xlsx": "/rp/QClZgEttYMm4ob59daALw3CJwco.br.js"
      }
    }
  </script>
  <script type="module" crossorigin src="/web/assets/index-ce055589.js"></script>
  <link rel="stylesheet" href="/web/assets/index-7683bcc0.css">
<link rel="manifest" href="/web/manifest.webmanifest"><script id="vite-plugin-pwa:register-sw" src="/web/registerSW.js"></script></head>

<body>

  <div id="b_sydHeadBg"></div>
  <div id="b_sydConvCont" _iid="SERP.5028">
    <div id="b_sydtoporpole" class="b_sydConvAnsTest"></div>
    <div id="b_sydBgCover"></div>
  </div>
  <div id="sydWelcomeTemplate">
    <div id="b_sydWelcomeTemplate" class="b_wlcmCont" data-priority="2" style="margin-top: 66px;">
      <div class="b_wlcmHdr"><div class="b_wlcmLogo"></div>
      <div class="b_wlcmDesc">必应是由 AI 支持的 Web Copilot</div>
    </div>
    <div class="b_wlcmTileCont b_wlcmTileContConsumer"></div>
    <div class="b_ziTileCont b_wlcmCont"></div>
  </div>
  <script src="/web/js/bing/chat/core.js"></script>
  <script src="/web/js/bing/chat/lib.js"></script>
  <div id="app">
    <style>
      /* loading start */
      .loading-spinner {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
        opacity: 1;
        transition: opacity 2s ease-out;
      }

      .loading-spinner.hidden {
        opacity: 0;
      }

      .loading-spinner>div {
        width: 30px;
        height: 30px;
        background: linear-gradient(90deg, #2870EA 10.79%, #1B4AEF 87.08%);

        border-radius: 100%;
        display: inline-block;
        animation: sk-bouncedelay 1.4s infinite ease-in-out both;
      }

      .loading-spinner .bounce1 {
        animation-delay: -0.32s;
      }

      .loading-spinner .bounce2 {
        animation-delay: -0.16s;
      }

      @keyframes sk-bouncedelay {

        0%,
        80%,
        100% {
          transform: scale(0);
        }

        40% {
          transform: scale(1.0);
        }
      }

      /* loading end */
    </style>
    <!-- loading start -->
    <div class="loading-spinner">
      <div class="bounce1"></div>
      <div class="bounce2"></div>
      <div class="bounce3"></div>
    </div>
    <!-- loading end -->
  </div>
  
</body>

</html>